import React from 'react'
import { useNavigate, NavLink,Outlet } from 'react-router-dom'
import {Wrapper} from './style'
// import { Map, Marker, NavigationControl, InfoWindow } from "react-bmapgl";
// import Map from 'react-bmapgl/dist/Map'
// import {Map, Marker, NavigationControl, InfoWindow} from 'react-bmapgl';

interface CitiProps{
    cityName:string;
}
const CitySelect:React.FC<CitiProps> = (props) => {
    const {cityName}=props
  return (
    <Wrapper>
       <NavLink 
        className='citygps'
        to="/cities">
            <i className='iconfont icon-dingwei'></i>
            <span>{cityName?cityName:'获取城市路径'}</span>
            <i className='iconfont icon-anniu_jiantouzhankai_o'></i>
      </NavLink>
    </Wrapper>
  )
}

export default CitySelect
